*{
    margin: 0;
    padding: 0;
    list-style: none;
}
#main{
    width: 100%;
    height:100%;
}
.publicTop{
    width: 100%;
    height: 102px;
}
#main>.content{
    width: 100%;
    height: 550px;
    margin-top: 60px;
    display: flex;
    justify-content: center;
}
.content>.content_left{
    width: 50%;
    height: 100%;
}
.content>.content_left>.title{
    width: 100%;
    height: 7%;
    color: red;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.content>.content_left>ul{
    width: 100%;
    height: 93%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 10px;
}
.content>.content_left>ul>li{
    width: 22%;
    height: 47%;
}
.content>.content_left>ul>li>.movieInfo{
    width: 100%;
    height: 85%;
    position: relative;
}
.content>.content_left>ul>li>.movieInfo>.movieImg{
    width: 100%;
    height: 100%;
}
.content>.content_left>ul>li>.movieInfo>.infor{
    width: 100%;
    height: 20%;
    position: absolute;
    bottom: 0;
    background: url("");
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;

}
.content>.content_left>ul>li>.movieInfo>.infor>.movieName{
    width: 70%;
    height: 100%;
    /*超出的部分用...的形式显示*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 40px;
}
.content>.content_left>ul>li>.movieInfo>.infor>.score{
    width: 30%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: yellow;
}
.content>.content_left>ul>li>.ticketBut{
    width: 100%;
    height: 15%;
    color: red;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #e5e3e3;
    border-left: 1px solid #e5e3e3;
    border-right: 1px solid #e5e3e3;
}
.content>.content_left>ul>li>.ticketBut:hover{
    background-color: red;
    color: white;
}
.content>.content_right{
    width: 20%;
    height: 100%;
    margin-left:80px;
}
.content>.content_right>ul>li{
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;

}
